﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <title>Calendrier</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0.RC/css/ui-light.css" rel="stylesheet">
    <script src="//Microsoft.WinJS.1.0.RC/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0.RC/js/ui.js"></script>

    <link href="/css/default.css" rel="stylesheet" />
    <link href="/pages/calendar/weekCalendar/weekCalendar.css" rel="stylesheet" />
    <script src="/pages/calendar/weekCalendar/weekCalendar.js"></script>
</head>
    <body>
        <div id="templateListView" data-win-control="WinJS.Binding.Template">
            <div id="itemListView">
                <div id="headerItemListView">
                    <div data-win-bind="innerText : month"></div>
                    <div class="disable">
                        <div data-win-bind="innerText : monthInt"></div>
                    </div>
                </div>
                <div id="contentItemListView">
                    <!-- ListView pour la liste des projets -->
                </div>
            </div>
        </div>

        <div id="weekCalendarPage" class="fragment">
            <header class="header" aria-label="Header content" role="banner">
                <div class="win-backbutton" aria-label="Back"></div>
                <h1 class="titlearea win-type-ellipsis">
                    <span class="pagetitle">Calendrier</span>
                </h1>
            </header>
            <section aria-label="Main content" role="main">
                <div id="content">
                    <div id="subHeader">
                        <div id="firstSubHeader" class="win-leftbutton"></div>
                        <h2 id="secondSubHeader"></h2>
                        <div id="thirdSubHeader" class="win-rightbutton"></div>
                    </div>

                    <div id="Calendar">
                        <div id="Calendar_item_0_0" class="calendarHeader">Lundi</div>
                        <div id="Calendar_item_0_1" class="calendarHeader">Mardi</div>
                        <div id="Calendar_item_0_2" class="calendarHeader">Mercredi</div>
                        <div id="Calendar_item_0_3" class="calendarHeader">Jeudi</div>
                        <div id="Calendar_item_0_4" class="calendarHeader">Vendredi</div>
                        <div id="Calendar_item_0_5" class="calendarHeader">Samedi</div>
                        <div id="Calendar_item_0_6" class="calendarHeader">Dimanche</div>
                        <div id="Calendar_item_1_0" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[0][0].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_1_1" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[0][1].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_1_2" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[0][2].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_1_3" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[0][3].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_1_4" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[0][4].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_1_5" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[0][5].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_1_6" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[0][6].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_2_0" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[1][0].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_2_1" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[1][1].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_2_2" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[1][2].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_2_3" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[1][3].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_2_4" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[1][4].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_2_5" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[1][5].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_2_6" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[1][6].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_3_0" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[2][0].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_3_1" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[2][1].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_3_2" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[2][2].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_3_3" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[2][3].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_3_4" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[2][4].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_3_5" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[2][5].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_3_6" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[2][6].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_4_0" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[3][0].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_4_1" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[3][1].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_4_2" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[3][2].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_4_3" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[3][3].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_4_4" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[3][4].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_4_5" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[3][5].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_4_6" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[3][6].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_5_0" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[4][0].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_5_1" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[4][1].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_5_2" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[4][2].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_5_3" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[4][3].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_5_4" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[4][4].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_5_5" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[4][5].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_5_6" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[4][6].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_6_0" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[5][0].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_6_1" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[5][1].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_6_2" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[5][2].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_6_3" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[5][3].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_6_4" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[5][4].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_6_5" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[5][5].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                        <div id="Calendar_item_6_6" class="calendarItem">
                            <div class="dayOfWeek"></div>
                            <div data-win-control="WinJS.UI.ListView" class="listview" data-win-options="{ itemDataSource: WeekCalendar.calendar[5][6].dataSource, itemTemplate: select('#templateListView') }"></div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </body>
</html>
